<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__PLUGIN__/layui/css/layui.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/timeline_index.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
<div id="main">

    {include file="common/nav" /}

    <div class="slogan com">
        <div class="fugu-img"><img src="{$site.timeLine_thumb}"/></div>
        <textarea placeholder="输入标语">{$site.timeline_text}</textarea>
    </div>

    <div id="center" class="com">
        <div id="left-box">

            <!--teleporting start-->
            <div class="teleporting">
                <span class="title">我想回到从前</span>
                <span class="gang"></span>
                <input type="text" placeholder="请选择起止日期" id="startTime" readonly {if !empty($time)}value="{$time}"{/if}>
            </div>
            <!--teleporting stop-->

            <!--time-list start-->
            {if !empty($articleList)}
            <ul class="time-list">
                {volist name="articleList" id="article"}
                <li><span>{$article.createtime}</span><i><a href="{:url('/detail/'.$article['id'])}" target="_blank">{$article.title}</a></i></li>
                {/volist}
            </ul>
            {/if}
            <!--time-list stop-->

            <!--page start-->
            {if !empty($show)}
            <div class="page">
                {$show}
            </div>
            {/if}
            <!--page stop-->

        </div>
        <div id="right-box">

            <!--time-select start-->
            <div class="time-select">
                <input type="text" placeholder="请选择日期" id="selectTime" readonly {if !empty($searchtime)}value="{$searchtime}"{/if}>
            </div>
            <!--time-select stop-->

            <!--click-rank start-->
            {if !empty($historyArticle)}
            <div class="click-rank">
                <h2 class="title">历史上的今天</h2>
                <ul>
                    {volist name="historyArticle" id="history"}
                    <li><i></i><a href="{:url('/detail/'.$history['id'])}" title="{$history.title}" target="_blank">{$history.title}</a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--click-rank stop-->

            <!--click-rank start-->
            {if !empty($recommendArticleList)}
            <div class="click-rank">
                <h2 class="title">推荐阅读</h2>
                <ul>
                    {volist name="recommendArticleList" id="recommend"}
                    <li><i></i><a href="{:url('/detail/'.$recommend['id'])}" title="{$recommend.title}" target="_blank">{$recommend.title}</a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--click-rank stop-->

            <!--links start-->
            {if !empty($friendShipList)}
            <div class="links">
                <h2 class="htitle">友情链接</h2>
                <ul>
                    {volist name="friendShipList" id="friendShip"}
                    <li><a {if !empty($friendShip.link)}href="{$friendShip.link}" target="_blank" {else/}href='javascript:void(0);'{/if}>{$friendShip.name}</a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--links stop-->

            <!--partner start-->
            {if !empty($cooperativePartnerList)}
            <div class="partner">
                <h2 class="htitle">合作伙伴</h2>
                <ul>
                    {volist name="cooperativePartnerList" id="cooperative"}
                    <li><a {if !empty($cooperative.link)}href="{$cooperative.link}" target="_blank" {else/}href='javascript:void(0);'{/if}><img src="{$cooperative.thumb}" alt="{$cooperative.name}" title="{$cooperative.name}"/></a></li>
                    {/volist}
                </ul>
            </div>
            {/if}
            <!--partner stop-->

            <!--wx-qrcode start-->
            {if !empty($site.blogger_netname)}
            <div class="wx-qrcode">
                <h2 class="htitle">扫描二维码关注博主</h2>
                <div class="img"><img src="	{$site.blogger_wxqrcode}" alt="{$site.blogger_netname}" title="{$site.blogger_netname}"/></div>
            </div>
            {/if}
            <!--wx-qrcode stop-->

        </div>
    </div>

    {include file="common/footer" /}

</div>
<script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
<script type="text/javascript" src="__JS__/common.js?v=__VERSION__"></script>
<script type="text/javascript" src="__PLUGIN__/layui/layui.js?v=__VERSION__"></script>
<script type="text/javascript" src="__JS__/timeline_index.js?v=__VERSION__"></script>

</body>
</html>